<template>
    <div>
        <img class="img" :src="theme == 'light' ? './public/img/logo-dark-img.png' : './public/img/logo-light-img.png'"/>
        <img class="img" :src="theme == 'light' ? './public/img/logo-dark-title.png' : './public/img/logo-light-title.png'"/>
    </div>
</template>

<script>
    export default {
        name: 'Logo',
        props: ['theme']
    }
</script>

<style scoped>
    .img {
        margin: auto;
        height: 35px;
    }
</style>